<template>
    <div class="father">
        <h3>父组件0</h3>
        <h4 v-show="toy">子给的玩具：{{ toy }}</h4>
        给子组件绑定事件
        <Child @send-toy="saveToy"></Child>
    </div>
</template>

<script setup lang="ts" name="Father">
import Child from "./Child.vue";
import { ref } from "vue";

let toy = ref("");
function saveToy(value: string) {
    toy.value = value
}


</script>

<style  scoped>
.father {
    background-color: reb(165, 164, 164);
    padding: 20px;
    border-radius: 10px;
}
</style>